﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>itemDetail</title>

    <link href="/css/itemDetail.css" rel="stylesheet" />
    <script src="itemDetail.js"></script>
</head>
    <body>
        <!-- Templates -->
        <div id="postTemplate" data-win-control="WinJS.Binding.Template">
            <div class="item-content">
            </div>
        </div>
        <!-- Templates -->
        <div id="categoryItemTemplate" data-win-control="WinJS.Binding.Template">
            <div class="item">
                <div class="item-overlay">
                    <h3 class="item-title" data-win-bind="innerText:title"></h3>
                </div>
            </div>
        </div>
        <div id="singleCategoryListTemplate" data-win-control="WinJS.Binding.Template">
            <div class="singleCategoryList win-selectionstylefilled" data-win-control="WinJS.UI.ListView"></div>
        </div>
        <div class="itemDetail fragment">
            <header aria-label="Header content" role="banner">
                <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
                <h1 class="titlearea win-type-ellipsis" id="detailTitleArea">
                    <span id="detailTitle" class="pagetitle win-type-ellipsis"></span>
                </h1>
            </header>
            <section id="mainParent" aria-label="Main content" role="main">
                <div class="progress-container">
                    <label class="progressRingText">
                        <progress class="win-ring withText" style="width:60px;height:60px;"></progress>
                    </label>    
                </div>
                <div class="content">
                    <div id="postContent" class="ContentOfPost"></div>
                    
                </div>
                

            </section>
        </div>
        <div id="appbar" data-win-control="WinJS.UI.AppBar">
            <button 
                data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd',label:'Hinzufügen zum Offline Speicher',icon:'add',section:'selection',tooltip:'Hinzufügen zum Offline Speicher'}">
            </button>
            <button 
                data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdRemove',label:'Entfernen vom Offline Speicher',icon:'remove',section:'selection',tooltip:'Entfernen vom Offline Speicher'}">
            </button>
            <button 
                data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'readOnline',label:'Im Browser öffnen',icon:'go',section:'selection',tooltip:'Im Browser öffnen'}">
            </button>
            </div> 
    </body>
</html>
